$(function(){
	//页面加载完成之后执行
	pageInit();
	$('#search').click(function(){
		search()
	})
	$('#reset').click(function(){
		reset()
	})
	$('#exportData').click(function(){
		exportData()
	})
});
function pageInit(){
	//创建jqGrid组件
	var colNames = [ '采购订单号' , '盘号' ,'省公司简称', '地市公司简称', '仓库名称', '供应商全称','供应商编码', '物料名称', '物料描述', '物料编码', '入库日期' , '设定波速（m/us）', '米标长度（km）' ,'检测时环境温度（℃）', '实测长度（km）' , '直流电阻要求值（Ω/km）' , '直流电阻实测值（Ω/km）', '实测截面积（mm2）' , '检测日期' , '检测结果', '样品编号', '直流电阻实测值（Ω/km）', '检测日期', '检测结果', '检测报告编号', '检测单位名称', '中间段样品编号', '直流电阻实测值（Ω/km）', '检测日期', '检测结果', '检测报告编号', '检测单位名称' , '结论', '异议处理', '备注']
	jQuery("#list2").jqGrid(
			{
				url : 'http://localhost:8888/chx/client/selectbycondition',//组件创建完成之后请求数据的url
				// url : 'data/test.json',//组件创建完成之后请求数据的url
				editurl : "/RowEditing",
				datatype : "json",//请求数据返回的类型。可选json,xml,txt
				colNames : colNames,//jqGrid的列显示名字
				colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
							//  {name : 'id',index : 'id',width : 55,sortable : false}, 
							 {name : 'ordernumber',index : 'ordernumber',align : "center",width : 150,sortable : false, frozen : true}, 
				             {name : 'reelnumber',index : 'reelnumber',align : "center",width : 150,sortable : false, frozen : true}, 
				             {name : 'provincecompanyname',index : 'provincecompanyname',align : "center",width : 90,sortable : false,cellattr: addCellAttr}, 
				             {name : 'citycompanyname',index : 'citycompanyname',align : "center",width : 100,sortable : false}, 
				             {name : 'warehousename',index : 'warehousename',align : "center",width : 80,sortable : false}, 
				             {name : 'suppliername',index : 'suppliername',align : "center",width : 80,sortable : false}, 
				             {name : 'suppliercode',index : 'suppliercode',align : "center",width : 80,sortable : false}, 
				             {name : 'goodsname',index : 'goodsname',align : "center",width : 250,sortable : false}, 
				             {name : 'goodsdescribe',index : 'goodsdescribe',align : "center",width : 150,sortable : false}, 
				             {name : 'goodscode',index : 'goodscode',align : "center",width : 150,sortable : false}, 
				             {name : 'enterdate',index : 'enterdate',align : "center",width : 150,sortable : false,editable : true,edittype : "text",editoptions: {
								　　 size:10,
								　　 maxlengh:10,
								 　　dataInit:function(element){
									 　$(element).datepicker({
										 　　closeText: '关闭',
										 　　prevText: '<上月',
										 　　nextText: '下月>',
										 　　currentText: '今天',
										 　　monthNames: ['一月','二月','三月','四月','五月','六月',
										 　　'七月','八月','九月','十月','十一月','十二月'],
										 　　dayNamesMin: ['日','一','二','三','四','五','六'],
										　　 weekHeader: '周',
										 　　dateFormat: 'yy/mm/dd',
										 　　firstDay: 1,
										 　　isRTL: false,
										 　　showMonthAfterYear: true,
										 　　yearSuffix: '年'
									 　　})
								 　　}
							 　　}}, 
				             {name : 'filterwavevelocity',index : 'filterwavevelocity',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filtermeterlength',index : 'filtermeterlength',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filtertemperature',index : 'filtertemperature',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filteractuallength',index : 'filteractuallength',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filterdirectresistorask',index : 'filterdirectresistorask',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filterdirectresistoractual',index : 'filterdirectresistoractual',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'filteractualcrossarea',index : 'filteractualcrossarea',width : 150,align : "center",sortable : false,editable : true}, 
				             {name : 'filtertestdate',index : 'filtertestdate',align : "center",width : 150,sortable : false,editable : true,edittype : "text",editoptions: {
								　　 size:10,
								　　 maxlengh:10,
								 　　dataInit:function(element){
									 　$(element).datepicker({
										 　　closeText: '关闭',
										 　　prevText: '<上月',
										 　　nextText: '下月>',
										 　　currentText: '今天',
										 　　monthNames: ['一月','二月','三月','四月','五月','六月',
										 　　'七月','八月','九月','十月','十一月','十二月'],
										 　　dayNamesMin: ['日','一','二','三','四','五','六'],
										　　 weekHeader: '周',
										 　　dateFormat: 'yy/mm/dd',
										 　　firstDay: 1,
										 　　isRTL: false,
										 　　showMonthAfterYear: true,
										 　　yearSuffix: '年'
									 　　})
								 　　}
							 　　}
							}, 
				             {name : 'filtertestresult',index : 'filtertestresult',align : "center",width : 150,sortable : false,editable : true,edittype : "select",editoptions : {value : ":;不合格:不合格;合格:合格"}}, 
				             {name : 'tipsamplenumber',index : 'tipsamplenumber',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'tipdirectresistoractual',index : 'tipdirectresistoractual',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'tiptestdate',index : 'tiptestdate',width : 150,align : "center",sortable : false,editable : true,edittype : "text",editoptions: {
								　　 size:10,
								　　 maxlengh:10,
								 　　dataInit:function(element){
									 　$(element).datepicker({
										 　　closeText: '关闭',
										 　　prevText: '<上月',
										 　　nextText: '下月>',
										 　　currentText: '今天',
										 　　monthNames: ['一月','二月','三月','四月','五月','六月',
										 　　'七月','八月','九月','十月','十一月','十二月'],
										 　　dayNamesMin: ['日','一','二','三','四','五','六'],
										　　 weekHeader: '周',
										 　　dateFormat: 'yy/mm/dd',
										 　　firstDay: 1,
										 　　isRTL: false,
										 　　showMonthAfterYear: true,
										 　　yearSuffix: '年'
									 　　})
								 　　}
							 　　}}, 
				             {name : 'tiptestresult',index : 'tiptestresult',align : "center",width : 150,sortable : false,editable : true,edittype : "select",editoptions : {value : ":;不合格:不合格;合格:合格"}}, 
				             {name : 'tiptestreportnumber',index : 'tiptestreportnumber',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'tiptestunitname',index : 'tiptestunitname',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'intersamplenumber',index : 'intersamplenumber',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'interdirectresistoractual',index : 'interdirectresistoractual',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'intertestdate',index : 'intertestdate',align : "center",width : 150,sortable : false,editable : true,edittype : "text",editoptions: {
								　　 size:10,
								　　 maxlengh:10,
								 　　dataInit:function(element){
									 　$(element).datepicker({
										 　　closeText: '关闭',
										 　　prevText: '<上月',
										 　　nextText: '下月>',
										 　　currentText: '今天',
										 　　monthNames: ['一月','二月','三月','四月','五月','六月',
										 　　'七月','八月','九月','十月','十一月','十二月'],
										 　　dayNamesMin: ['日','一','二','三','四','五','六'],
										　　 weekHeader: '周',
										 　　dateFormat: 'yy/mm/dd',
										 　　firstDay: 1,
										 　　isRTL: false,
										 　　showMonthAfterYear: true,
										 　　yearSuffix: '年'
									 　　})
								 　　}
							 　　}}, 
				             {name : 'intertestresult',index : 'intertestresult',align : "center",width : 150,sortable : false,editable : true,edittype : "select",editoptions : {value : ":;不合格:不合格;合格:合格"}}, 
				             {name : 'intertestreportnumber',index : 'intertestreportnumber',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'intertestunitname',index : 'intertestunitname',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'testresult',index : 'testresult',align : "center",width : 150,sortable : false,editable : true,edittype : "select",editoptions : {value : ":;中间段不合格:中间段不合格;合格:合格;整段不合格:整段不合格"}}, 
				             {name : 'objectionhanding',index : 'objectionhanding',align : "center",width : 150,sortable : false,editable : true}, 
				             {name : 'remark',index : 'remark',align : "center",width : 150,sortable : false,editable : true}
				           ],
				rowNum : 10,//一页显示多少条
				cellEdit:true,
				rowList : [ 10, 20, 30 ],//可供用户选择一页显示多少条
				pager : '#pager2',//表格页脚的占位符(一般是div)的id
				sortname : 'id',//初始化的时候排序的字段
				sortorder : "desc",//排序方式,可选desc,asc
				mtype: "POST",//向后台请求数据的ajax的类型。可选post,get
				// mtype: "get",//向后台请求数据的ajax的类型。可选post,get
				viewrecords : true,
				caption : "线缆检测",//表格的标题名字
				cellsubmit : 'remote',
				autoScroll: false,//当autoScroll和shrinkToFit均为false时，会出现行滚动条
                shrinkToFit: false,//是否列宽度自适应。true=适应 false=不适应
				height : "auto",
				// width:2000,
				// autowidth: true,
				cellurl:'http://localhost:8888/chx/client/update',
				afterSubmitCell:function(serverresponse,rowid,name,val,iRow,iCol){
					var time = moment().format("HH:mm:ss")
					var status = {
						value:1
					}
					if(serverresponse.responseJSON.code ===200){
						status.value = 0;
					} else{
						status.value = 1
					}
					jQuery('#list2').trigger('reloadGrid');
					// var html = template('status', status);
					// document.getElementById('statusHtml').innerHTML = html;
					// setTimeout(()=>{

					// 	document.getElementById('statusHtml').innerHTML = '<span class="label label-info">'+ '最近保存 '+ time +'</span>';
					// },1000)

					layui.use('laytpl', function(){
						var laytpl = layui.laytpl;
						
						var getTpl = demo.innerHTML
							,view = document.getElementById('statusHtml');
							laytpl(getTpl).render({status}, function(html){
							view.innerHTML = html;
							});
						setTimeout(()=>{
						document.getElementById('statusHtml').innerHTML = '<span class="label label-info">'+ '最近保存 '+ time +'</span>';
					},1000)
					});
				},
				gridComplete : function() {
					// var ids = jQuery("#list2").jqGrid('getDataIDs');
					// console.log('--------------', ids)
					// for ( var i = 0; i < ids.length; i++) {
					//   var cl = ids[i];
					//   be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=\"jQuery('#list2').editRow('"
					// 	  + cl + "');\" />";
					//   se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=\"jQuery('#list2').saveRow('"
					// 	  + cl + "');\" />";
					//   ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#list2').restoreRow('"
					// 	  + cl + "');\" />";
					//   jQuery("#list2").jqGrid('setRowData', ids[i],
					// 	  {
					// 		act : be + se + ce
					// 	  });
					// }
				  },
				onSelectRow : function(id) {
					// jQuery('#list2').jqGrid('editRow', id, true);
					// jQuery("#list2").jqGrid('restoreRow', id);
					// if (id && id !== lastsel) {
					//   jQuery('#list2').jqGrid('restoreRow', lastsel);
					//   jQuery('#list2').jqGrid('editRow', id, true);
					//   lastsel = id;
					// }
				  },
				// beforeEditCell : function(rowid,cellname,value,iRow,iCol){
				// 	lastrow = iRow;
				// 	lastcell = iCol;
				// },
				onCellSelect : function(rowid,iCol,cellcontent,e){
					var rec =  $("#list2").jqGrid('getRowData', rowid);
					
					if (rec['filtertestresult']=="合格") {//过滤条件
						jQuery('#list2').jqGrid('setCell', rowid, 19, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 20, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 21, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 22, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 23, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 24, '', 'not-editable-cell');
						// jQuery('#list2').jqGrid('setCell', rowid, 25, '', 'not-editable-cell');

					}
					if (rec['tiptestresult']=="不合格") {//过滤条件
						jQuery('#list2').jqGrid('setCell', rowid, 25, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 26, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 27, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 28, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 29, '', 'not-editable-cell');
						jQuery('#list2').jqGrid('setCell', rowid, 30, '', 'not-editable-cell');
						// jQuery('#list2').jqGrid('setCell', rowid, 31, '', 'not-editable-cell');

					}
				}
			});
	$("#list2").setGridHeight(250)
	$("#list2").setGridWidth($(window).width()-100)
	// $("#list2").$("#list2").jqGrid('setCell',28,"provincecompanyname","",{color:'red'}) ;
	function addCellAttr(rowId, val, rawObject, cm, rdata) {
		if (false) {
			return "style='color:red'";
		}
	}
	/*创建jqGrid的操作按钮容器*/
	/*可以控制界面上增删改查的按钮是否显示*/
	// jQuery("#list2").jqGrid('navGrid', '#pager2', {edit : false,add : false,del : false});
	// jQuery("#list2").jqGrid('navGrid', "#pager2", {
	// 	edit : true,
	// 	add : true,
	// 	del : true
	//   });
	jQuery("#saveId").click(function() {
		var rows = $("#list2").jqGrid("getChangedCells");
		console.log("getChangedCells1: ", rows);
		// jQuery('#list2').jqGrid('editRow', id, true);
		// jQuery("#list2").jqGrid('editRow',13);
		// this.disabled = 'true';
		// jQuery("#sved1,#cned1").attr("disabled", false);
	  });
	  $("#list2").jqGrid('setGroupHeaders', {
		useColSpanStyle: true,
		groupHeaders:[
			{startColumnName:'filterwavevelocity', numberOfColumns:8, titleText: '预筛检'},
			{startColumnName:'intersamplenumber', numberOfColumns:6, titleText: '中间段检测'},
			{startColumnName:'tipsamplenumber', numberOfColumns: 6, titleText: '端头检测'}
		]
	})
	$("#list2").jqGrid('setFrozenColumns');


	
}
function pickdates(id) {
    jQuery("#" + id + "_sdate", "#list2").datepicker({
      dateFormat : "yy/mm/dd"
    });
}
function search() {
	var sheng = jQuery("#sheng").val()||"";
	var dishi = jQuery("#dishi").val()||"";
	var gongyingshang = jQuery("#gongyingshang").val()||"";
	var wuliao = jQuery("#wuliao").val()||"";
	var yushaijian = jQuery("#yushaijian").val()||"";
	var duantou = jQuery("#duantou").val()||"";
	var zhongjianduan = jQuery("#zhongjianduan").val()||"";
	// var cd_mask = jQuery("#search_cd").val()||"";
	jQuery("#list2").jqGrid('setGridParam', {
	  url : "http://localhost:8888/chx/client/selectbycondition?provincecompanyname=" + sheng + "&citycompanyname=" + dishi+ "&suppliername=" + gongyingshang+ "&goodsname=" + wuliao+ "&filtertestresult=" + yushaijian+ "&tiptestresult=" + duantou+ "&intertestresult=" + zhongjianduan,
	//   postData: { 'orderId': orderId }, //发送数据
	  page : 1
	}).trigger("reloadGrid");
}
function reset() {
	jQuery("#sheng").val('')
	jQuery("#dishi").val('');
	jQuery("#gongyingshang").val('');
	jQuery("#wuliao").val('全部');
	jQuery("#yushaijian").val('全部');
	jQuery("#duantou").val('全部');
	jQuery("#zhongjianduan").val('全部');
}
function exportData() {
	var sheng = jQuery("#sheng").val()||"";
	var dishi = jQuery("#dishi").val()||"";
	var gongyingshang = jQuery("#gongyingshang").val()||"";
	var wuliao = jQuery("#wuliao").val()||"";
	var yushaijian = jQuery("#yushaijian").val()||"";
	var duantou = jQuery("#duantou").val()||"";
	var zhongjianduan = jQuery("#zhongjianduan").val()||"";
	var url="http://localhost:8888/chx/client/exportexcel?provincecompanyname=" + sheng + "&citycompanyname=" + dishi+ "&suppliername=" + gongyingshang+ "&goodsname=" + wuliao+ "&filtertestresult=" + yushaijian+ "&tiptestresult=" + duantou+ "&intertestresult=" + zhongjianduan;	
	$.fileDownload(url,{
		httpMethod: 'get',
		// preparingMessageHtml:'文件正在下载，请稍等...', // 需要jquery-ui.js
	    // failMessageHtml:'文件下载失败！！', // 需要jquery-ui.js
		// prepareCallback:function(url){
		// $('#export-hg').text('导出中...')
		// },
		// successCallback:function(url){
		// 	// alert
		// $('#export-hg').text('导出Excel')
		// },
		// failCallback: function (html, url) {
		// 	$('#export-hg').text('导出Excel')
		// }
		})
}